
/* 
' CSS by G7 '
' Autor: G7 '
*/

/* ============================ */

*{margin:0;padding:0;border:0;list-style:none;text-decoratin:none;color:#333;}
a{ font-family: 'LocatorLight';
   font-size:14px;
   font-weight:normal;
   color:#0aa;
   text-decoration: none;}
a:hover {
    text-decoration:underline;
    background-position:left bottom;
}		  
a img{border:none;}

ul{list-style:none;}



/* ============ BODY =============== */

@font-face {
    font-family: 'LocatorBlack';
    src: url('../fonts/black-webfont.eot');
    src: url('../fonts/black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/black-webfont.woff') format('woff'),
        url('../fonts/black-webfont.ttf') format('truetype'),
        url('../fonts/black-webfont.svg#LocatorBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorLight';
    src: url('../fonts/light-webfont.eot');
    src: url('../fonts/light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/light-webfont.woff') format('woff'),
        url('../fonts/light-webfont.ttf') format('truetype'),
        url('../fonts/light-webfont.svg#LocatorLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorLightItalic';
    src: url('../fonts/lightitalic-webfont.eot');
    src: url('../fonts/lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lightitalic-webfont.woff') format('woff'),
        url('../fonts/lightitalic-webfont.ttf') format('truetype'),
        url('../fonts/lightitalic-webfont.svg#LocatorLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorMedium';
    src: url('../fonts/medium-webfont.eot');
    src: url('../fonts/medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/medium-webfont.woff') format('woff'),
        url('../fonts/medium-webfont.ttf') format('truetype'),
        url('../fonts/medium-webfont.svg#LocatorMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocatorMediumItalic';
    src: url('../fonts/mediumitalic-webfont.eot');
    src: url('../fonts/mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mediumitalic-webfont.woff') format('woff'),
        url('../fonts/mediumitalic-webfont.ttf') format('truetype'),
        url('../fonts/mediumitalic-webfont.svg#LocatorMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Swis721CnBTRoman';
    src: url('../fonts/swiss-webfont-webfont.eot');
    src: url('../fonts/swiss-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/swiss-webfont-webfont.woff') format('woff'),
        url('../fonts/swiss-webfont-webfont.ttf') format('truetype'),
        url('../fonts/swiss-webfont-webfont.svg#Swis721CnBTRoman') format('svg');
    font-weight:normal;
    font-style:normal;

}


body{
    text-align:center;
    font-family: 'LocatorLight';
    font-size:12px;
    color:#ffffff;
    background:url(../imgs/bg-body.jpg) center top no-repeat #F5F5F5;
}

#container{width:970px;
           margin:0px auto;
           text-align:center;
}

#topo{float:left;
      position:relative;
      width:100%;
      height:171px;
}

#logo{float:left;
      position:relative;
      width:auto;
      margin:55px 0px 0px 0px;

      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
}

#logo:hover{margin:45px 0px 0px 0px;}

#nav{float:right;
     position:relative;
     width:auto;
     text-align:right;
     font-size:14px;
     color:#333333;
}


#corpo{float:left;
       position:relative;
       width:100%;
}



#column-left{float:left;
             position:relative;
             width:246px;
             padding:20px;
             background:#333333;
             margin-bottom:50px;
             box-shadow:3px 3px 0px 0px #999999;
}

#tit-menu{float:left;
          position:relative;
          width:246px;
          text-align:left;
          text-transform:uppercase;
          color:#ffffff;
          font-size:20px;
          margin-bottom:20px;}

#box{float:left;
     position:relative;
     width:246px;
     margin-bottom:20px;
}

#titcateg{float:left;
          position:relative;
          width:236px;
          height:26px;
          padding:5px 0px 0px 10px;
          font-size:16px;
          color:#ffffff;
          text-align:left;
          background:#00AAAA;
}

#lista{float:left;
       position:relative;
       width:246px;
       margin-top:10px;
}

#lista ul{ float:left;
           position:relative;
           width:100%;
}

#lista ul li {float:left;
              position:relative;
              width:246px;
              border-bottom:1px dotted #ffffff;
}


#lista ul li a{float:left;
               position:relative;
               width:236px;
               padding:7px 0px 7px 10px;
               color:#ffffff;
               text-align:left;
               font-size:12px;

               transition: all 0.2s ease-in-out;
               -moz-transition: all 0.2s ease-in-out;
               -o-transition: all 0.2s ease-in-out;
               -webkit-transition: all 0.2s ease-in-out;
               -ms-transition: all 0.2s ease-in-out;
}

#lista ul li a:hover{background:#ffffff;
                     color:#333333;
                     text-decoration:none;
}

#rodape{float:left;
        position:relative;
        width:100%;
        height:167px;
        background:url(../imgs/rodape.jpg) center top no-repeat;
}

#freebase{float:right;
          position:relative;
          width:auto;
          margin-top:110px;
}

#right{float:right;
       position:relative;
       width:610px;
       margin-bottom:50px;
       padding:20px;
       background:#ffffff;
       box-shadow:3px 3px 0px 0px #d1d1d1;
}

#tit{ float:left;
      position:relative;
      padding: 12px;
      width:500px;
      text-align:left;
      color:#000000;
      font-size:20px;
      text-transform:uppercase;
}

#chamada{float:left;
         position:relative;
         width:610px;
         text-align:left;
         margin-top:5px;
         margin-bottom:20px;
         font-size:11px;
         color:#999999;
}

#formulario{float:left;
            position:relative;
            width:600px;
}

form{width:610px;
     margin:0px 0px 0px 0px;
}

form label{float:left;
           position:relative;
           width:610px;
           margin-bottom:5px;

}

#info{float:left;
      position:relative;
      width:100px;
      text-align:left;
      font-size:12px;
      color:#000000;
      padding-top:10px;
}

#details{   float:left;
            position:relative;
            width:500px;
            text-align:left;
            font-size:12px;
            color:#000000;
            padding-top:10px;
}

form label input{float:left;
                 position:relative;
                 width:490px;
                 padding:5px;
                 border:1px solid #cccccc;
                 height:25px;
}

form label select{float:left;
                  position:relative;
                  width:502px;
                  padding:5px;
                  border:1px solid #cccccc;
                  height:35px;
}

#bts{float:left;
     position:relative;
     width:600px;
     text-align:left;
     margin-top:10px;
}




FORM  INPUT.btpag {
    width:97px;
    height:40px;
    float:right;
    position:relative;
    margin-left:10px;
    cursor:pointer;
    box-shadow:3px 3px 0px 0px #efefef;
    background:#00AAAA;
    color:#ffffff;

    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

FORM  INPUT.btpag:hover{background:#333333;}



#tabelaordenacao{float:left;
                 position:relative;
                 width:600px;;
                 margin-top:30px;
}

#contagem{float:left;
          position:relative;
          width:600px;
          font-size:16px;
          color:#333333;
          margin-top:25px;
          padding:10px 0px 10px 0px;
          border-bottom:1px dotted #cccccc;
          border-top:1px dotted #cccccc;
}

#contagem span{color:#EE5300;}

#login{float:right;
       height:150px;
       position:relative;
       width:350px;
       margin:50px 0px 0 0;
}

form.login{float:right;
           position:relative;
           margin:10px 0px 0px 0px;
           width:auto;
           padding:0px 0px;
}

form.login input{float:left;
                 position:relative;
                 width:100px;
                 height:40px;
                 padding:10px 10px;
                 font-size:14px;
                 color:#666666;
                 margin-left:5px;
                 box-shadow:3px 3px 0px 0px #efefef;
}

form.login .ratingClass { 
 float:right; 
 clear:none;
}

form.login input[type=radio], input.radio { 
 float:right;
 clear:none; 
 margin: 2px 0 0 2px; 
}


form.login input.bt{
    float:left;
    position:relative;
    width:60px;
    height:60px;
    padding:20px 20px;
    background:#00AAAA;
    font-size:14px;
    color:#ffffff;
    cursor:pointer;
    box-shadow:3px 3px 0px 0px #efefef;

    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

form.login input.bt:hover{background:#333333;}

#lista-serv{float:left;
            position:relative;
            width:auto;
}

#lista-serv ul{float:left;
               position:relative;
               width:auto;
}

#lista-serv ul li{float:left;
                  position:relative;
                  width:100%;
                  margin-bottom:1px;
}

#lista-serv ul li a{float:left;
                    position:relative;
                    width:100%;
}

#lista-serv ul li a #text{float:left;
                          position:relative;
                          width:510px;
                          text-align:left;
                          padding:10px 10px;
                          font-size:12px;
                          color:#333333;
                          background:#efefef;

                          transition: all 0.2s ease-in-out;
                          -moz-transition: all 0.2s ease-in-out;
                          -o-transition: all 0.2s ease-in-out;
                          -webkit-transition: all 0.2s ease-in-out;
                          -ms-transition: all 0.2s ease-in-out;
}

#lista-serv ul li a span{float:left;
                         position:relative;
                         width:50px;
                         padding:10px 10px;
                         text-align:center;
                         font-size:12px;
                         color:#ffffff;
                         background:#333333;

                         transition: all 0.2s ease-in-out;
                         -moz-transition: all 0.2s ease-in-out;
                         -o-transition: all 0.2s ease-in-out;
                         -webkit-transition: all 0.2s ease-in-out;
                         -ms-transition: all 0.2s ease-in-out;
}

#lista-serv ul li a:hover #text{background:#cccccc;
                                color:#ffffff;
}

#lista-serv ul li a:hover span{background:#00AAAA;}

#pag{float:left;
     position:relative;
     width:auto;
     margin-top:20px;
}

#pag ul{float:left;
        position:relative;
        width:auto;
}

#pag ul li {float:left;
            position:relative;
            width:auto;
            margin-right:3px;
}

#pag ul li a{float:left;
             position:relative;
             width:auto;
             padding:5px 5px;
             text-align:center;
             background:#333333;
             color:#ffffff;
             box-shadow:3px 3px 0px 0px #efefef;
             transition: all 0.2s ease-in-out;
             -moz-transition: all 0.2s ease-in-out;
             -o-transition: all 0.2s ease-in-out;
             -webkit-transition: all 0.2s ease-in-out;
             -ms-transition: all 0.2s ease-in-out;
}

#pag ul li a:hover{background:#00aaaa;
                   text-decoration:none;}
/******************************************************************************/

p{
    margin: 5px 0;
}
div.conteudo{
    margin-top:30px;
    text-align:left;
    clear:both;
    text-indent: 20px;
}
div.conteudo a{
    color:#00AAAA;
    font-size:inherit;
}
div.conteudo a:hover{
    color:#333;
}

textarea{
    float:left;
    position:relative;
    width:490px;
    padding:5px;
    border:1px solid #cccccc;
    height:100px;
}

